<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
  .effectPoint{
    width: 10px;
    height: 10px;
    background: red;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    left: 8px;
    top: 8px;
  }
  @keyframes move{
    from{
      transform: scale(0);
    }
    to{
      transform: scale(3.0);
      opacity: 0;
    }
  }
  .effectPoint1{
    animation: move 2s infinite linear;
  }
  .effectPoint2{
    animation: move 5s infinite linear;
  }

  .father {
    position: relative;
  }
  #pid {
    position: absolute;
    top: 0px;
    left: 148px;
    font-style: normal;
  }
	</style>
  <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=2dhaFGRNqgIHBKUIvmoonH2rb1yrrgM5"></script>
  <script src="./js/jquery-3.4.1.min.js"></script>
  <script src="./js/mock.js"></script>
  <script src="./js/mock/testMock.js"></script>
	<title></title>
</head>
<body>
  <div id="allmap"></div>
  <script type="text/javascript" src="./js/datas.js"></script>
  <script type="text/javascript" src="./js/main.js"></script>
</body>
</html>

